<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>personal</title>
		<link href="css/mi.css" type="text/css" rel="stylesheet">
		<link href="css/personal.css" type="text/css" rel="stylesheet">
		<link href="layui/css/layui.css" type="text/css" rel="stylesheet">

		<script src="js/jquery-3.1.1.min.js"></script>
		<script src="js/mi.js"></script>
		<script src="js/personal.js"></script>

	</head>

	<body onclick="hidehotbox()">

		<div style="margin:auto;height:0px;width:1226px">
			<div style="position:relative;top:40px;left:916px">
				<div class="shop-box" id="shopbox">购物车中还没有商品，赶紧选购吧！</div>
			</div>
		</div>

		<div style="margin:0 auto auto auto;height:0px;width:1226px">
			<div style="position:relative;top:40px;left:864px">
				<div class="personbox">
					<div class="personconttent">个人中心</div>
					<div class="personconttent">我的喜欢</div>
					<div class="personconttent">小米账户</div>
					<div class="personconttent">退出登录</div>
				</div>
			</div>
		</div>

		<div class="main" onmouseover="hidePersonBox()">
			<div class="main" onmouseover="colsebox()">
				<div class="top">
					<div class="top-content">
						<a href="#">小米商城</a>
						<a href="#">MIUI</a>
						<a href="#">米聊</a>
						<a href="#">游戏</a>
						<a href="#">多看阅读</a>
						<a href="#">云服务</a>
						<a href="#">金融</a>
						<a href="#">小米移动版</a>
						<a href="#">问题反馈</a>
						<a href="#">SelectRegion</a>
						<div class="top-shop" id="car" onmouseover="shopbox()">购物车(0)</div>
						<div style="float:right">
							<a href="regist.html">消息通知</a>
							<a href="#">我的订单</a>
						</div>
						<div class="personal" onmouseover="showPersonBox()">1212323&nbsp;∨</div>
					</div>
				</div>

				<div class="title">
					<div class="title-logo">
						<a href="#"><img src="img/mi.png" /></a>
					</div>
					<div class="title-gif">
						<a href="#"><img src="img/mkljl.gif" width="163px" height="57px" /></a>
					</div>
					<div class="title-content">
						<a href="#">小米手机</a>
						<a href="#">红米</a>
						<a href="#">平板-笔记本</a>
						<a href="#">电视</a>
						<a href="#">盒子-影音</a>
						<a href="#">路由器</a>
						<a href="#">智能硬件</a>
						<a href="#">服务</a>
						<a href="#">社区</a>
					</div>
					<div class="title-search">
						<div class="title-input" name="sborder">
							<input type="text" onclick="showhotbox()" />
							<div style="position:relative;right:-90px;top:-14px">
								<div class="title-tag" id="tag">
									<a href="#">小米MIX</a>
									<a href="#">人工智能电视</a>
								</div>
							</div>
						</div>
						<div class="title-btn" name="sborder">
							搜索
						</div>
						<div style="position:relative;top:58px;right:0px">
							<div id="hotbox" class="title-hotbox" name="sborder">
								<ul>
									<li>小米5 plus
										<div class="title-count">约有5件</div>
									</li>
									<li>小米MAX
										<div class="title-count">约有10件</div>
									</li>
									<li>小米MIX
										<div class="title-count">约有20件</div>
									</li>
									<li>小米note
										<div class="title-count">约有5件</div>
									</li>
									<li>红米none5
										<div class="title-count">约有15件</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
                <div id="#"></div>
				<div class="bg">
					<div class="info" ng-app="myApp">
						<div class="info-top">
							<a href="#">首页</a> > 个人中心</div>
						<div class="info-left">
							<div class="menu">
								<div class="menu-title">个人中心</div>
								<ul>
									<li>
										<a href="#/personInfo">我的个人中心</a>
									</li>
									<li>
										<a href="#/personMassge">消息通知</a>
									</li>
									<li>
										<a href="#/personLikes">喜欢的商品</a>
									</li>
									<li>
										<a href="#/personguzu">我的关注</a>
									</li>
									<li>
										<a href="#/personcar">我的购物车</a>
									</li>
									<li>
										<a href="#/personAdress">收货地址</a>
									</li>
								</ul>
							</div>
							<div class="menu">
								<div class="menu-title">订单中心</div>
								<ul>
									<li>
										<a href="#/myorder">我的订单</a>
									</li>
									<li>
										<a href="#">评价晒单</a>
									</li>
								</ul>
							</div>
							<div class="menu">
								<div class="menu-title">账户管理</div>
								<ul>
									<li>
										<a href="#">个人信息</a>
									</li>
									<li>
										<a href="#">密码修改</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="info-right">
							<div ng-view=""></div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="angular/angular.js"></script>
		<script src="angular/angular-route.js"></script>
		<script src="js/apps.js"></script>
		<script src="js/car.js"></script>
		<script src="js/gz.js"></script>
		<script src="js/address.js"></script> 
		<script src="js/myorder.js"></script> 
		<script src="js/likes.js"></script>
		<script src="js/myinfo.js"></script>
		<script src="js/friends.js"></script>
		<script src="js/massge.js"></script>
		<script src="js/persondo.js"></script>
		<script src="layui/layui.js"></script>

	</body>

</html>